<template>
  <el-row :gutter="40" class="Header">
    <el-col :span="2" :offset="2">
      <div class="logo">
        <img class="img" src="static/images/logo.png"/>
      </div>
    </el-col>
    <Nav/>
    <NavRright/>
  </el-row>
</template>

<script>
  import NavRright from "@/components/common/header/components/NavRright";
  import Nav from "@/components/common/header/components/Nav";
  export default {
    name:"Header",
    components: {Nav, NavRright},
    data() {
      return {

      };
    },
    mounted() {

    }
  }
</script>

<style scoped lang="stylus">
.Header
  height 70px
  width 100%
  margin 0 auto !important
  box-sizing border-box
  background-color #000D10
  color #fff !important
  text-align:center
  position fixed
  top 0
  bottom 0
  z-index:999
  .logo
    display inline-block
    width 100%
    height 70px
    >img
      width 100%
      height 100%
      display inline-block
</style>
